@charset 'utf-8';
html,body{
    height: 100%;
}
body{
    background-color: #dbe0e3;
    .full-body{
        position: absolute;
        box-sizing: border-box;
        top: 46px;
        bottom: 0;
        width: 100%;
        padding: 20px;
        .inner{
            position: relative;
            height: 100%;
            padding-left:260px; 
            .left-zone{
                box-sizing: border-box;
                position: absolute;
                border-radius: 3px;
                background-color: #fdfdfd;
                top: 0px;
                left: 0px;
                bottom: 0px;
                width: 240px;
                padding: 10px;
                overflow-y: auto;
            }
            .main-zone{
                box-sizing: border-box;
                height: 100%;
                padding: 10px;
                border-radius: 3px;
                background-color: #fdfdfd;
                overflow-y: auto;
            }
        }
    }
}

#demo li{
    &.active{
        &>a{
            background-color: #998dd5;
            color: #fff;
            i{
                color: #fff;
            } 
        }

    }
}

.bottom-wrap{
    padding-right: 100px;
    position: relative;
    button.export{
        position: absolute;
        right: 0;
        top: 10px;
    }
}
